<fieldset class="layui-elem-field layui-field-title site-title">
    <legend>
        css零星小记
    </legend>
</fieldset>






<ul class="layui-timeline">


    <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">超链接样式设置顺序</h3>


            <ul>
                <li class="list">a标签伪类的LOVE HATE原则（在css中定义这些伪类样式时，需要按顺序来，否则可能不生效）
                    <br> 1、a:link 未访问的链接
                    <br> 2、a:visited 已访问的链接
                    <br> 3、a:hover 鼠标移动到链接上
                    <br> 4、a:active 选定的链接
                    <br>
                    <p>
                        <pre><code class="language-css">a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */</code></pre>
                    </p>
                </li>
            </ul>
        </div>
    </li>


    
























    <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">End</h3>

        </div>
    </li>


























</ul>